<template>
    <div id="Cascader">
        <CascaderItem :data="data" :props="props" :disabled="disabled" v-if="data" />
    </div>
</template>

<script lang="ts">
import { Component, Vue, Watch, Prop, Emit } from 'vue-property-decorator'
import CascaderItem from './CascaderItem.vue'

@Component({
    components: {
        CascaderItem
    }
})
export default class Cascader extends Vue {
    @Prop({ type: [Object, Array], default: () => [] }) data!: any
    @Prop({ type: Boolean, default: false }) disabled!: boolean
    @Prop({ type: Object, default: () => ({ label: 'label', children: 'children', checked: 'checked' }) }) props: any
}
</script>

<style lang="scss">
#Cascader {
    padding: 10px 0;
}
</style>
